<template>
  <div calss="container">
    <div>孙子组件</div>
    <div class="box">孙组件接收的父组件的数据：{{ test }}</div>
  </div>
</template>

<script>
export default {
  props: {},
  inject: ["test", "getMsg"],
  data() {
    return {};
  },
  // 计算属性
  computed: {},
  // 方法集合
  methods: {},
  // 生命周期 - DOM元素渲染前调用
  created() {
    this.getMsg();
  },
  // 生命周期 - DOM元素渲染后调用
  mounted() {},
  components: {},
};
</script>
<style lang='less' scoped>
.box {
  width: 480px;
  border: 1px solid;
}
</style>
